<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
	<meta name="description" content="Grousesocks is saying nice things to people"/>
	<meta name="robots" content="index,follow"/>

	<title><%= @page_title %></title>
  <%= stylesheet_link_tag 'screen' %>
  <%= stylesheet_link_tag 'print', :media => 'print' %>
  
</head>
<body id="grousesocks-com" class="<%= @body_class %> <%#= "logged-in" if logged_in? %>">
 	<div id="page">
		<div id="header">
		
			<%= image_tag 'header.jpg', :alt => 'A pair of grouse socks', :size => '770x256' %>
			
			<% if @content_for_header_title %>
			  <%= @content_for_header_title %>
			<% else %>
  			<p class="title"><strong>Grousesocks</strong></p>
  			<p class="tagline"><em>Have you said something nice today...?</em</p>
  		<% end %>

			<ul id="nav">
				<li><a href="#">My Notes</a></li>
				<li><a href="#">My Peeps</a></li>
				<li><a href="#">My Account</a></li>
				<li><a href="#">Sign Out</a></li>	
			</ul> <!-- //#nav -->
			
			<form action="" id="login" method="post">
				<fieldset>
					<legend>Login</legend>
					<label for="username">
						<span>Username</span>
						<input id="username" name="username" type="text" />
					</label>
					<label for="password">
						<span>Password</span>
						<input id="password" name="password" type="password" />
					</label>
					<label for="remember" id="label-remember">
						<input id="remember" name="remember" type="checkbox" />
						<span>Remember Me</span>
					</label>
					<input class="submit" type="submit" value="Sign In" />
					<a class="register" href="#">Register</a>
              </fieldset>
            </form>
		</div> <!-- // #header -->

    <div id="maincontent">
      <%= @content_for_layout %>
    </div>
		
		<%= @content_after_layout %>
		
		<div id="footer">
			<ul>
				<li>(copyright?) Grouse Peeps</li>
				<li><a href="#">About</a></li>
				<li><a href="#">Contact</a></li>
				<li><a href="#">Help</a></li>
				<li><a href="#">Terms of Service</a></li>
			</ul>
		</div> <!-- // #footer -->
		
	</div> <!-- // #page -->	
</body>
</html>
